<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	request.setAttribute("path", path);
%>
<!-- 学习资料http://www.runoob.com/bootstrap/bootstrap-tables.html -->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="${path }/static/bootstrap3.3.5/css/bootstrap.css" type="text/css" rel="stylesheet" />
<script src="${path }/static/js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="${path }/static/bootstrap3.3.5/js/bootstrap.min.js" type="text/javascript"></script>
</head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<body>
	<div class="container-fluid">
		<div class="col-md-12" style="box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
			<h3>头部</h3>
		</div>
		<div>
		
		</div>
		<div class="col-md-3 " style="box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
			<h3 class="small">这是导航</h3>
			<p class="text-capitalize">please worker speak</p>
			<p class="initialism"><abbr>hello erverybody</abbr> what are you doing</p>
			<p class="text-left">do you like</p>
			
			<div class="col-md-12">
					<div class="accordion" id="accordion-496200">
						<div class="accordion-group">
							<div class="accordion-heading">
								 <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-496200" href="#accordion-element-801881">选项卡 #1</a>
							</div>
							<div id="accordion-element-801881" class="accordion-body collapse in">
								<div class="accordion-inner">
									<p class="text-capitalize">i'm han meimei who are you?</p>
									<p class="text-capitalize">optios two</p>
									<p><a href="http://www.baidu.com">带你探索带你装逼</a></p>
								</div>
							</div>
						</div>
						<div class="accordion-group">
							<div class="accordion-heading">
								 <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-496200" href="#accordion-element-278274">选项卡 #2</a>
							</div>
							<div id="accordion-element-278274" class="accordion-body collapse">
								<div class="accordion-inner">
									功能块...
								</div>
							</div>
						</div>
					</div>
				</div>
		</div>
		<div class="col-md-9 " style="box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
			<p class="led">what are do？</p>
			<p class="text-left">哦吼吼</p>
			<p class="text-left">哦豁</p>
			<p class="text-left">哦呵</p>
			
			<pre>
				听说这是独立块
				<input type="text" value="哦豁，还真是">
				public static vodi main(String [] args){
					System.out.println("hello world");
				}
			</pre>	
			<table class="table table-bordered ">
			   <thead>
			      <tr class="success"><!-- 状态 上下文  active warning danger -->
			         <th>名称</th>
			         <th>城市</th>
			      </tr>
			   </thead>
			   <tbody>
			      <tr>
			         <td>Tanmay</td>
			         <td>Bangalore</td>
			      </tr>
			      <tr>
			         <td>Sachin</td>
			         <td>Mumbai</td>
			      </tr>
			      <tr>
			         <td>Sachin</td>
			         <td>Mumbai</td>
			      </tr>
			   </tbody>
			</table>	
			<div>
				<form action="http://www.baidu.com" class="form-horizontal" role="form">
					<div class="col-sm-5 has-success" >
						<input type="text" class="form-control" placeholder="请输入名称" >
					</div>
					<div class="col-sm-5 focus has-warning">
						<input type="text" class="form-control" placeholder="请输入令牌">
					</div>
					<div class="form-group col-sm-offset-2 col-sm-5">
				      <label class="sr-only" for="inputfile">文件输入</label>
				      <input type="file" id="inputfile">
				      
				      <select class="form-control">
				      	 <option>1</option>
				         <option>2</option>
				         <option>3</option>
				         <option>4</option>
				         <option>5</option>
				      </select>
				      <div class="col-lg-4">
				         <input type="text" class="form-control" placeholder=".col-lg-2">
				      </div>
				   </div>
				   <div class="form-group col-sm-offset-5 col-sm-12">
				   		<img class="img-rounded" src="${path}/static/img/a_002.jpg">
				   		<img class="img-circle" src="${path}/static/img/a_002.jpg">
				   		<img class="img-thumbnail" src="${path}/static/img/a_002.jpg">
				   </div>
				   <div class="col-sm-offset-2 col-sm-10 form-group ">
						<button type="submit" class="btn btn-success active">提交</button>&nbsp;&nbsp;&nbsp;&nbsp;
						<button type="reset" class="btn btn-info btn-sm">重置</button>
				   </div>
				</form>
			</div>
		</div>
		<div class="col-md-12" style="box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
			底部
		</div>
	</div>
</body>
</html>